<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>

		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/el/index.css" />
		<link rel="stylesheet" type="text/css" href="css/jiazai.css" />
		<link rel="stylesheet" type="text/css" href="css/transition.css"/>
		
	</head>

	<body style="background: white;">
		<div id="app">

			<!-- 加载中动画 -->
			<div id='jiazai-ani' v-if='jiazai'>
				<div class="arc"></div>
				<h1><span>LOADING</span></h1>
			</div>
			<!-- 加载中动画 -->

			<div id="hea-wrap">
				<div class="dis-spa hea-con">
					<img @tap="_close();" src="img/left.svg" style="width:18px;height: 18px;" />
					<span>BTC转账</span>
					<img src="img/sao.svg" style="width:20px;height: 20px;opacity: 0;" />
				</div>
				<div style="padding: 0 20px;">
					<div class="dis-spa change-type">
						<span @tap='type=1;' :class="{'type-active':type==1}">转入</span>
						<span @tap='type=2;' :class="{'type-active':type==2}">转出</span>
					</div>
					<div v-if='type==1'>
						<div class="input-wrap">
							<p class='dis-spa'>
								<span>转账数量</span>
								<span>BTC余额：23.00</span>
							</p>
							<div class="input">
								<input type="text" placeholder="输入数量" />
							</div>
						</div>
						<div class="input-wrap">
							<p class='dis-spa'>
								<span>交易所账户</span>
							</p>
							<div class="input">
								<input type="text" placeholder="账户" />
							</div>
							<div class="input">
								<input type="text" placeholder="密码" />
							</div>
							<div class="input">
								<input type="text" placeholder="交易密码" />
							</div>
						</div>
					</div>
					<div v-if='type==2'>
						<div class="input-wrap">
							<p class='dis-spa'>
								<span>转账数量</span>
								<span>BTC余额：23.00</span>
							</p>
							<div class="input">
								<input type="text" placeholder="数量" />
							</div>
						</div>
						<div class="input-wrap">
							<p class='dis-spa'>
								<span>交易所账户</span>
							</p>
							<div class="input">
								<input type="text" placeholder="账户" />
							</div>
						</div>
						<div class="oth-mon">
						<p class='dis-spa'>
							<span style="color: #333;">手续费</span>
							<span>0.00001BTC≈0.0000CNY</span>
						</p>
						<div class="dis-spa oth-mon-set">
							<el-slider v-model="otherMoney"></el-slider>
						</div>
					</div>
					</div>
					<div class="dis-cen btn-wrap">
						<button>确定</button>
					</div>
				</div>
			</div>
			<div id="bottom" class="dis-cen">
				<img src="img/logo3.png" />
			</div>
		</div>
		<script src="js/comm.js"></script>
		<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/el/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" charset="utf-8">
			var app = new Vue({
				el: '#app',
				data: {
					jiazai: false,
					//1:转入   2：转出
					type: 1,
					//手续费
					otherMoney:20
				},
				created: function() {

				},
				mounted: function() {

				},
				methods: {}
			});
		</script>
	</body>

</html>